#{extends 'main.html' /}
#{set title:'Settings' /}
#{set 'moreScripts'}
	#{script 'settings.js'/}
#{/set}
<div id="settings" align="center">
	<h1>Settings</h1>
	<h4 style="color :red"></h4>
	<div id="settings_email">
		<h3><i>Change Email</i></h3>
		<table>
			<tr><td>New email:</td><td><input class="inputstyle" type="text" name="email" style="width: 150px;"/></td></tr>		
			<tr><td>Password:</td><td><input class="inputstyle" type="password" name="password" style="width: 150px;"/></td></tr>
			<tr><td colspan="2" align="center" style="padding-top: 10px;"><a class="buttonclass" id="change_em" style="">Change Email</a></td></tr> 
	  	</table>
	</div>	
	<div id="settings_password">
		<h3><i>Change Password</i></h3>
		<table>	
			<tr><td>Password:</td><td><input class="inputstyle" type="password" name="o_password" style="width: 150px;"/></td></tr>
			<tr><td>New Password:</td><td><input class="inputstyle" type="password" name="n_password" style="width: 150px;"/></td></tr>
			<tr><td>Confirm of new pass:</td><td><input class="inputstyle" type="password" name="confirm" style="width: 150px;"/></td></tr>
			<tr><td colspan="2" align="center" style="padding-top: 10px;"><a class="buttonclass" id="change_pass" style="">Change Password</a></td></tr> 
	  	</table>
	</div>
	<div id="settings_delete">
		<h3><i>Delete Profile</i></h3>
			<table>	
			<tr><td>Password:</td><td><input class="inputstyle" type="password" name="password" style="width: 150px;"/></td></tr>
			<tr><td colspan="2" align="center" style="padding-top: 10px;"><a class="buttonclass" id="delete" style="color: red">Delete Profile</a></td></tr> 
	  	</table>	
	</div>
	<div id="settings_birthday">
		<h3><i>Change Birthday</i></h3>
		<table>	
			<tr><td>New Birthday:</td><td>
										<select name="bday_month">
									        <option value="0">Month</option>
									        <option value="1">January</option>
									        <option value="2">February</option>
									        <option value="3">March</option>
									        <option value="4">April</option>
									        <option value="5">May</option>
									        <option value="6">June</option>
									        <option value="7">July</option>
									        <option value="8">August</option>
									        <option value="9">September</option>
									        <option value="10">October</option>
									        <option value="11">November</option>
									        <option value="12">December</option>
									    </select> 
									  	<select name="bday_day">
									        <option>Day</option>
									        <option value="1">1</option>
									        <option value="2">2</option>
									        <option value="3">3</option>
									        <option value="4">4</option>
									        <option value="5">5</option>
									        <option value="6">6</option>
									        <option value="7">7</option>
									        <option value="8">8</option>
									        <option value="9">9</option>
									        <option value="10">10</option>
									        <option value="11">11</option>
									        <option value="12">12</option>
									        <option value="13">13</option>
									        <option value="14">14</option>
									        <option value="15">15</option>
									        <option value="16">16</option>
									        <option value="17">17</option>
									        <option value="18">18</option>
									        <option value="19">19</option>
									        <option value="20">20</option>
									        <option value="21">21</option>
									        <option value="22">22</option>
									        <option value="23">23</option>
									        <option value="24">24</option>
									        <option value="25">25</option>
									        <option value="26">26</option>
									        <option value="27">27</option>
									        <option value="28">28</option>
									        <option value="29">29</option>
									        <option value="30">30</option>
									        <option value="31">31</option>
									    </select> 
									    <select name="bday_year" style="">
										    <option>Year</option>
										    <option value="1995">1995</option>
										    <option value="1994">1994</option>
										    <option value="1993">1993</option>
										    <option value="1992">1992</option>
										    <option value="1991">1991</option>
										    <option value="1990">1990</option>
										    <option value="1989">1989</option>
										    <option value="1988">1988</option>
										    <option value="1987">1987</option>
										    <option value="1986">1986</option>
										    <option value="1985">1985</option>
										    <option value="1984">1984</option>
										    <option value="1983">1983</option>
										    <option value="1982">1982</option>
										    <option value="1981">1981</option>
										    <option value="1980">1980</option>
									    </select>
									  </td></tr>
		<tr><td>Password:</td><td><input class="inputstyle" type="password" name="password" style="width: 150px;"/></td></tr>				  
		<tr><td colspan="2" align="center" style="padding-top: 10px;"><a class="buttonclass" id="change_bd">Change Birthday</a></td></tr> 
  	</table>		
	</div>	
</div>